<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <include file="share:meta" />
    <script>
    $(function() {
        $(".totalclick").click(function() {
            son = $(this).find("i");
            zhi = son.attr("rel-data");
            $("." + zhi).toggle();
            if (son.hasClass("icon-angle-right")) {
                son.removeClass("icon-angle-right");
                son.addClass("icon-angle-down");
            } else {
                son.removeClass("icon-angle-down");
                son.addClass("icon-angle-right");
            }
        });
    })
    </script>
    <style type="text/css">
    .navcontainer {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        border-bottom: 1px solid #ddd;
    }
    
    .nav-tabs {border: 0px;}
    
    .nav-tabs li {
        display: inline-block;
        float: none;
    }

    .tab-content{ background-color: #fff; padding: 10px; border:1px solid #ddd; border-top: 0px; }
    .healthcheckbox{ margin-top: 10px; }
    .healthcheckbox>button.btn{ width: 100%; border-radius: 5px !important; text-align: center; padding: 5px 0px; }
    </style>

    <script type="text/javascript">
        function checkonthis(obj,id){
            if($('#'+id).is(':checked')){
                $('#'+id).prop('checked',false);
            }else{
                console.log(1);
                $('#'+id).prop('checked',true);
            }

            console.log($('#'+id).is(':checked'));
            
            if($('#'+id).is(':checked')){
                $(obj).removeClass('btn-default').addClass('btn-warning');
            }else{
                $(obj).addClass('btn-default').removeClass('btn-warning');
            }

            onsubmitcheck();
        }

        function  onsubmitcheck(){
            if($('.healthcheckboxitem:checked').length == 0){
                $('#btnwaiting').show();
                $('#btnsubmit').hide();
            }else{
                $('#btnwaiting').hide();
                $('#btnsubmit').show();
            }
        }
    </script>
</head>

<body>
    <div id="common" class="container-fluid" style="padding-bottom: 120px;">
        <include file="share:header" />
        <br>
        <div role="tabpanel" class="tabspanel formstyle">
            <!-- Nav tabs -->
            <form action="" method="post" enctype="multipart/form-data">
                <input type="hidden" name="cid" value="{$info.Id}" />
                <input type="hidden" name="name" value="{$info.Name}" />
                <div class="navcontainer">
                    <ul class="nav nav-tabs" role="tablist">
                        <volist name="clist" id="vo">
                            <li role="presentation" class="presentation">
                                <a href="#class{$vo.id}" aria-controls="class" role="tab" data-toggle="tab">{$vo.kindName}</a>
                            </li>
                        </volist>
                    </ul>
                </div>
                <!-- Tab panes -->
                <div class="tab-content">
                    <volist name="clist" id="vo">
                        <div role="tabpanel" class="tab-pane" id="class{$vo.id}">
                            <volist name="vo.detail" id="vo1">
                                <div class="boxstyle1">
                                    <div class="box-header with-border">
                                        <h3 class="box-title">{$vo1.kindName}</h3>
                                    </div>
                                    <div class="box-body">
                                        <volist name="vo1.detail" id="vo2">
                                            
                                            <div class="col-xs-4 healthcheckbox">
                                                <input type="checkbox" name="ids[]" class="healthcheckboxitem" value="{$vo2.id}" id="id{$vo2.kindId}{$vo2.id}" style="display:none;">
                                                <button type="button" class="btn btn-default" onclick="checkonthis(this,'id{$vo2.kindId}{$vo2.id}')">{$vo2.name}</button>

                                            </div>

                                        </volist>

                                        <div class="clearfix">
                                        
                                        </div>
                                    </div>
                                    <!-- /.box-body -->
                                </div>
                            </volist>
                        </div>
                    </volist>
                </div>
                <script type="text/javascript">
                $('.tab-pane:first-child,.presentation:first-child').addClass('active');
                </script>
                <div class="hang tijiao" style="position: fixed; bottom: 0px; width: 100%; left: 0px; background-color: #efe4e8; padding: 15px; height: 75px; z-index: 999;">
                    <div class="col-xs-2"></div>
                    <div class="col-xs-8">
                        <input type="submit" id="btnsubmit" style="display:none;" onclick="$('#btnsubmit').val('正在提交请稍后');" value="我 要 诊 断" />
                        <input type="button" class="btndisabled" id="btnwaiting" disabled="" value="请选择您的症状" />
                    </div>
                    <div class="col-xs-2"></div>
                </div>
                <script type="text/javascript">

                </script>
                <div class="hang tijiao">
                    <div class="col-xs-12">
                        <center>
                            <label class="desc">* 提交之后我们将为您提供一份专业的诊断结果</label>
                        </center>
                    </div>
                </div>
                <div class="hang tijiao">
                    <div class="col-xs-12">
                        <center>
                            <a class="" href="/club/account/HealthTraceReport" role="button">查看我的上一个报告</a>
                        </center>
                    </div>
                </div>
            </form>
        </div>
        <include file="share:menu" />
</body>

</html>
